<template>
    <header class="navbar navbar-fixed-top navbar-inverse">
        <div class="container">
            <ul class="navbar-nav nav">
                <li v-for="(item , index) in navData" :key="index">
                    <router-link :to="item.path">{{item.name}}</router-link>
                </li>
            </ul>
        </div>
    </header>
</template>

<script>
export default {
  data () {
    return {
      navData: [
        {
          name: '首页',
          path: '/'
        },
        {
          name: '视频',
          path: '/video'
        },
        {
          name: '音乐',
          path: '/music'
        },
        {
          name: '美图',
          path: '/photo'
        },
        {
          name: '关于我',
          path: '/mine'
        }
      ]
    }
  }
}
</script>

<style>

</style>
